import React from 'react';
import { Card, Typography, Empty } from 'antd';
import type { FC } from 'react';

const { Title, Paragraph } = Typography;

interface PageTemplateProps {
  pageTitle: string;
  moduleName?: string;
  description?: string;
}

const PageTemplate: FC<PageTemplateProps> = ({ pageTitle, moduleName, description }) => {
  return (
    <div style={{ padding: '24px' }}>
      <Card>
        <div style={{ textAlign: 'center', padding: '40px 0' }}>
          <Title level={3}>{pageTitle}</Title>
          {moduleName && (
            <Paragraph type="secondary" style={{ margin: '8px 0 16px' }}>
              {moduleName}
            </Paragraph>
          )}
          {description && (
            <Paragraph style={{ maxWidth: '600px', margin: '0 auto' }}>
              {description}
            </Paragraph>
          )}
          <Empty
            image={Empty.PRESENTED_IMAGE_SIMPLE}
            description="页面内容正在开发中"
            style={{ marginTop: '40px' }}
          />
        </div>
      </Card>
    </div>
  );
};

export default PageTemplate;